//将公共css导入
@import "public.less";


.content{
    border: solid 1px @bc;
    margin-bottom: 30px;
}
.acontent{
    padding: 20px;
    padding-bottom: 0px;
    &:not(.contentHead):not(.contentcContent):not(.contentheadRight){
        text-align: center;
    }
    p{
        text-align: left;
    }
    .contentHead{
        display: flex;
        .contentHeadImg{
            cursor: pointer;
            width: 50px;
            height: 50px;
            border-radius: 100px;
            margin-right: 10px;
        }
        .contentheadRight{
            flex: 1;
            .contentName{
                font-size: 18px;
                margin-bottom: 3px;
            }
            .contentTime{
                color: @zt;
                font-size: 15px;
            }
        }
        .contentheadLook{
            text-align: center;
            text-decoration: none;
            font-size: 12px;
            border: solid 1px #bdbdbd;
            border-radius: 20px;
            width: 60px;
            height: 35px;
            >p{
                display: inline-block;
                text-align: center;
                width: 46px;
                height: 15px;
            }
        }
        
    }
    .contentcContent{
        font-size: 16px;
        margin: 16px 0px;
    }
    .contentImg{
        cursor: pointer !important;
        >ul{
            list-style: none; 
            width: 60%;
            overflow: auto;
            margin: 0 auto; 
            >li{
                width: 150px;
                height: 150px;
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;
                overflow: hidden;
                >img{
                   width: 100%;
                   height: 100%;
                   object-fit: cover;
                    object-position: center center;
                }
            }
        }
    }
    
}
.contentBottom{
    height: 50px;
    line-height: 30px;
    padding: 10px 0px;
    border-top: 1px solid @bc;
    display: flex;
    >div{
        display: inline-block;
        flex: 1;
        text-align: center;
        color: @zt;
        font-size: 15px;
        cursor: pointer;
        &:hover{
            color:@z
        }
    }
    
    .contentLove{
        border-left: solid 1px @bc;
        border-right: solid 1px @bc;
    }
    i{
        margin-right: 5px;
    }
}
.contentMantImg{
    overflow: hidden;
}
.followImg{
    cursor: pointer;
}
.likeNum,.loveNum{
    display: inline;
}
